<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title></title>
    <link rel="stylesheet" type="text/css" href="../../css/api.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/mui.min.css">
    <style>
		body,html{
    		background-color: rgba(0,0,0,0);
    	}
    	div{
        	background-color: rgba(0,0,0,.3);
        	width: 44px;
        	height: 44px;
    	}
    	img{
        	height: 44px;
            width: 44px;
            display: inline-block;
            color: #fff;
            display:block; 
            margin:0 auto;
            /*padding-top: 6px;*/
            border-radius: 22px;

    	}
    </style>
</head>
<body>
	<!-- <div >
        <img class=" base_left_item " src="../../icon/default_user_icon.png" onclick="onBackClick()">
    </div> -->
    <img id="usericon" class=" base_left_item " src="../../icon/default_user_icon.png" onclick="onBackClick()">
</body>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript " src="../../script/jquery.min.js"></script>
<script type="text/javascript" src="../../script/mui.min.js"></script>
<script type="text/javascript">
	apiready = function(){
		
        if ($api.getStorage('cfnetppusericon')) {
            $('#usericon').attr('src', $api.getStorage('cfnetppusericon'));
        }
	};
	function onBackClick(){
        api.setScreenOrientation({
            orientation : 'portrait_up'
        });
    	// api.closeWin({
     //        name: 'student_study_freecourse_interactiveNew'
     //    });
        // api.openSlidPane({type: 'left'});
        mui('#offCanvasWrapper').offCanvas('show');
	}
</script>
</html>